<template>
    <div class="message-tips">
        <div class="tips-header flsc">
            <img src="@/assets/images/public/icon_jinggao@2x.png" alt="警告" class="tips-header-icon" />
            <span class="tips-header-text">提示</span>
        </div>
        <div class="tips-content">
            {{ text }}
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    text: {
        type: String,
        default: ''
    }
})
</script>

<style scoped lang="scss">
.tips-header {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #233650;

    .tips-header-icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
}

.tips-content {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    box-sizing: border-box;
    padding-left: 32px;
    margin-top: 20px;
    margin-bottom: 30px;
}
</style>